<template>
  <div>
    <amap class="map" />
    <div class="input-box">
      <select-main/>
    </div>
  </div>
</template>

<script>
import Amap from "components/content/amap/Amap.vue";
import SelectMain from 'components/content/selectMain/SelectMain.vue';
export default {
  components: { Amap, SelectMain },
  name: "App",
  data() {
    return {};
  },
  mounted() {
    this.bus.$on("scene-click", (scene) => {
      this.receive(scene.scene);
    });
  },
  created() {},
  methods: {
    receive(scene) {
      this.$router.push('/main/ksy/ksyMain');
      this.bus.$emit('backBus');
      this.$store.state.scene = scene;
    }
  },
  beforeDestroy() {
    this.bus.$off("scene-click");
  }
};
</script>
<style scoped lang="scss">
/deep/ .amap-maps {
  background: url(~assets/img/ksh/bg.jpg) no-repeat center center;
  background-size: 100% 100%;
  transform: translateY(-0rem);
}
.input-box {
  position: fixed;
  top: 9.375rem;
  left: 3.125rem;
}
</style>